 <template>
  <view>
    <u-form-item :label="itemdata.field" label-width="170" v-if="itemdata.dataType == 'select'"  :class="indexdata+1 == checkList.length ? 'borderbottom selectone1' : 'selectone1'" prop="detail">
      <u-input
        placeholder="请选择"
        v-model="checkListData[indexdata]"
        type="select"
        @click="selsectClick(indexdata)"
      />
      <u-select
        v-model="selectshow"
        :list=reversedMessage(indexdata)
        @confirm="cracklemethods"
      ></u-select>
    </u-form-item>
 </view>
</template>

<script>
export default {
  data() {
    return {
      selectshow:false
    }
  },
  props:[
    'itemdata','indexdata','checkList','reversedMessage','checkListData'
  ],
  methods:{
    selsectClick(index){
      this.selectshow = true
      // this.$parent.$parent.$parent.$parent.$parent.$parent.$parent.selsectClick(index)
     this.$emit('selsectClick',index)
    },
     cracklemethods(e) {
      this.$emit('cracklemethods',e[0].label)
      // this.$parent.$parent.$parent.$parent.$parent.$parent.$parent.cracklemethods(e[0].label)
    }
  }
}
</script>

<style lang="scss" scoped>
.innerContain {
  height: 100%;
  position: relative;
  background-color: white;
}
.top-content {
  height: 160rpx;
  background: linear-gradient(to left, #1040be, #026dff);
}
.topradio {
  height: calc(100% - 200rpx);
  overflow-y: auto;
  position: absolute;
  background-color: white;
  // padding: 30rpx;
  width: 100%;
  top: 50rpx;
  border-radius: 40rpx 40rpx 0 0;
  // position: absolute;
  // width: 100%;
  // top: 0rpx;
  // left: 0rpx;
  // background-color: white;
  // border-radius: 40rpx 40rpx 0 0;
}
.btn1 {
  background: linear-gradient(-34deg, #1040be, #026dff);
  width: 45%;
  margin: 0rpx 10rpx;
  height: 91rpx;
  float: left;
  font-size: 36rpx;
  font-weight: 500;
  color: #ffffff;
  border-radius: 46rpx;
}
.top {
  padding: 16rpx;
  /* box-shadow: 20px -77px 0px 19px #c6c6ca; */
  box-shadow: 4rpx 4rpx 20rpx #e5e1e1;
  margin: 24rpx;
  border-radius: 32rpx;
}
.childborder {
  padding: 34rpx 34rpx 10rpx 34rpx;
  margin: 24rpx;

  box-shadow: 0px 6px 33px #e5e1e1;
  border-radius: 32rpx;
}
.trueorfalse {
  margin-right: 20rpx;
  top: 6rpx;
}
.red1 {
  padding: 25rpx 0rpx;
}
.footer {
  background-color: transparent;
}
.btn {
  background: linear-gradient(-34deg, #1040be, #026dff);
  width: 544rpx;
  height: 91rpx;
  font-size: 36rpx;
  font-weight: 500;
  color: #ffffff;
  border-radius: 46rpx;
}
/deep/ .u-form-item--left__content__label {
  font-size: 33rpx;
}
/deep/ .u-input__input {
  // color:
}

.co {
  color: red;
}
/deep/ .u-input__input {
  text-align: right;
}
/deep/ .u-form-item__message {
  text-align: right;
  margin-right: 32rpx;
}
.borderbottom:after {
  border-bottom-width: 0px !important;
}
/deep/ .input1 > .u-input__input > .uni-input-wrapper > .uni-input-input {
  display: none !important;
  //  color:red !important
}
/deep/ .selectone:after {
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
}
.selectone1:after {
  border-top-width: 1px !important;
}
</style>